// 出于性能原因，更加推荐你在类名下添加自定义 css 变量，而不是在全局的 :root 下
:root {
  // 这里可以设置你自定义的颜色变量
  // --el-color-primary:#ff7f00;
  // --el-hover-color: #ff9a35;
  // element plus 2.1.0 禁用文本色值和正常文本色值无法区分问题
  --el-text-color-disabled: #ccc;
  // 菜单背景色和文字色
  --menu-background: #304156;
  --menu-text: #bfcbd9;
  --menu-active-text: var(--el-menu-active-color);
  --menu-hover: #263445;
  --sidebar-logo-background: #2d3748;
  --border-bottom: #eee;
}

// 按钮主题
// .el-button {
//   background-color: var(--el-color-primary);
//   border-color: var(--el-color-primary);
// }

// .el-button:hover {
//   background-color: var(--el-hover-color);
//   border-color: var(--el-hover-color);
// }
